<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<div>前后端交互</div>
		<script type="text/javascript" src="./scripts/jquery.js"></script>
		<script type="text/javascript">
			$(function () {
				// 前后端交互-异步编程与Promise概述

				// var ret = 'lalala'
				// $.ajax({
				// 	url: 'http://127.0.0.1:3000/data',
				// 	success: function (data) {
				// 		ret = data
				// 		console.log(ret)
				// 	}
				// })
				// console.log(ret)

				// ----------------------------

				// $.ajax({
				// 	url: 'http://127.0.0.1:3000/data',
				// 	success: function (data) {
				// 		console.log(data)
				// 	}
				// })
				// $.ajax({
				// 	url: 'http://127.0.0.1:3000/data1',
				// 	success: function (data) {
				// 		console.log(data)
				// 	}
				// })
				// $.ajax({
				// 	url: 'http://127.0.0.1:3000/data2',
				// 	success: function (data) {
				// 		console.log(data)
				// 	}
				// })

				// -----------------------------------

				$.ajax({
					url: 'http://127.0.0.1:3000/data',
					success: function (data) {
						console.log(data)
						$.ajax({
							url: 'http://127.0.0.1:3000/data1',
							success: function (data) {
								console.log(data)
								$.ajax({
									url: 'http://127.0.0.1:3000/data2',
									success: function (data) {
										console.log(data)
									}
								})
							}
						})
					}
				})
			})
		</script>
	</body>
</html>
